<!-- -->
<template>
    <div class="page page-personal page_hasHeader page_hasFooter">
        <o-header :title="pageTitle">
        </o-header>
        <group :gutter="8">
            <panel :list="panelList">
            </panel>
        </group>
        
        <group v-for="(group, index) in options"
               :key="index"
               :gutter="12">
            <cell v-for="option in group"
                  :key="option.title"
                  :title="option.title"
                  :link="option.link">
                  <o-icon :name="option.icon"
                          class="optionCell-icon"
                          slot="icon"></o-icon>
            </cell>
        </group>
    </div>
</template>

<script>
import { XHeader } from 'vux'
export default {
    

    data () {
        return {
            pageTitle: "我的",
            panelList: [
                {
                    src: 'http://www.qqzhi.com/uploadpic/2014-05-14/051120936.jpg',
                    title: '昵称昵称',
                    desc: '点击编辑个人信息',
                    url: '/info'
                }
            ],
            options: [
                [
                    {
                        title: "收藏",
                        icon: "heart",
                        link: "/collect"
                    },
                    {
                        title: "消息",
                        icon: "email",
                        link: "/message"
                    },
                    {
                        title: "好友",
                        icon: "person-stalker",
                        link: "/friendlist"
                    }
                ],
                [
                    {
                        title: "历史",
                        icon: "ios-clock",
                        link: "/history"
                    }
                ],
                [
                    {
                        title: "意见和反馈",
                        icon: "help-circled",
                        link: "/feedback"
                    },
                    {
                        title: "设置",
                        icon: "gear-b",
                        link: "/setting"
                    }
                ],
            ]
        };
    },

    computed: {},

    methods: {}
}

</script>
<style lang='less'>
.weui-media-box__hd img{
    border-radius: 30px;
}
.optionCell-icon{
    display: block;
    margin-right: 10px;
}
</style>